* {
  padding: 0;
  margin: 0;
}
li {
  list-style: none;
}
.txh {
  display: flex;
}
.section {
  flex: 1;
}
.section .nav {
  height: 1.16rem;
  line-height: 0.93333333rem;
  border-bottom: 1px solid #ccc;
}
.section .nav ul {
  display: flex;
}
.section .nav ul li {
  flex: 1;
  text-align: center;
  margin-top: 0.2rem;
  font-size: 0.4rem;
  border-right: 1px solid #7e4c81;
}
.section .nav ul li:nth-child(4) {
  border-right: none;
}
.section .active {
  border-bottom: 4px solid #7e4c81;
}
.section .curr {
  background: #f00;
}
.section .menu {
  height: 7.52rem;
}
.section .menu .two,
.section .menu .three {
  height: 7.52rem;
}
.section .menu .two ol,
.section .menu .three ol {
  height: 1.28rem;
  display: flex;
  justify-content: space-between;
}
.section .menu .two ol li,
.section .menu .three ol li {
  margin-top: 0.33333333rem;
  margin-right: 0.21333333rem;
}
.section .menu .two ol li:nth-child(3) button,
.section .menu .three ol li:nth-child(3) button {
  width: 1.96rem;
  height: 0.64rem;
  background: #b066b5;
  border: none;
  border-radius: 0.10666667rem;
  color: #fff;
}
.section .menu .two ul,
.section .menu .three ul {
  width: 8.14666667rem;
  height: 4.86666667rem;
  border: 1px solid #ccc;
  border-radius: 0.10666667rem;
  margin-left: 0.8rem;
}
.section .menu .two ul li,
.section .menu .three ul li {
  height: 0.96rem;
  border-bottom: 1px solid #ccc;
  display: flex;
}
.section .menu .two ul li .left,
.section .menu .three ul li .left {
  width: 0.93333333rem;
  height: 0.93333333rem;
  background: #ccc;
}
.section .menu .two ul li .left img,
.section .menu .three ul li .left img {
  width: 0.46666667rem;
  height: 0.46666667rem;
  margin-left: 0.22666667rem;
  margin-top: 0.26666667rem;
}
.section .menu .two ul li .right,
.section .menu .three ul li .right {
  font-size: 0.4rem;
  margin-top: 0.26666667rem;
  margin-left: 0.53333333rem;
}
